* {
    margin: 0;
    padding: 0;
    font-family: "Open Sans Light";
    letter-spacing: .07em; /* 字母间隔大小 */
}
html {
    height: 100%;
}
body {
    height: 100%;
}
.wrap {
    height: 100%;
    background-image: linear-gradient(to right, #30cfd0, #7d3ebc);
}
/* 登录区域 */
.login-wrap {
    width: 1100px;
    height: 700px;
    background-color: #30cfd0;
    /* 居中开始 */
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* 居中结束 */
    border-radius: 10px;
    padding: 0 50px; /* 左右留出空余 */
}
/* 给最上面的Login这个标题设置样式 */
.login-title {
    font-size: 25px;
    text-align: center;
    line-height: 100px;
    color: #fff;
    font-weight: bold;
}
.login-menuFront {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
}


/* 输入设置样式 */
.login-form .login-input{
    display: block; /* input 标签是行内元素 */
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 10px 10px;
    margin-bottom: 20px;
    outline: none; /* 输入框边框去掉 */
    background-color: transparent; /* 透明色 */
}
.login-form .login-input::placeholder {
    text-transform: uppercase; /* 设置placeholder内容的大小写 */
    color: #bdbdbd;
}
/* 登录提交按钮样式 */
.login-form .login-submit {
    width: 100%;
    line-height: 30px;
    border: 0;
    border-radius: 3px;
    margin-top: 20px;
    background-image: linear-gradient(to right, #5ee7df, #b490ca);
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    color: #aa00ff;
    font-weight: bold;
}
/* tip 区域样式 */
.tip {
    margin-top: 15px;
}
.tip a {
    padding-left: 110px;
    text-decoration: none;
    color: #7d3ebc;
}